// pages/cate/index.js
const WXAPI = require('../../wxapi/main.js');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    categories:[],
    categorySelect: null,
    goodWap:[],
    catetoView:null,
    goodtoView:null,
  },
    /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.datainit();
  },
  //自定义函数
  datainit(){ //初始化数据
    let _this = this;
    wx.showNavigationBarLoading();
    // 获取菜品类型
    WXAPI.goodsCategory().then((data) => {
      if(data.code == 0){
        data.data.map((item) => {
          item.scrollId = 'c' + item.id
        })
        _this.setData({categorySelect: data.data[0].scrollId})
        _this.setData({categories: data.data});
        _this.goodsList();
      }
    }).catch((e) => {
      wx.hideNavigationBarLoading();
    });
    // 
  },
  // 类型点击
  cateTap(e){
    let id = e.currentTarget.dataset.id;
    this.setData({
      categorySelect:id,
      goodtoView:id,
    })
  },
  goodsList(){
    let newgoodWap = this.data.categories;
    let _this = this;
    WXAPI.good({
      categoryId: "",
      page: 1,
      pageSize: 100000
    }).then((data) => {
      if(data.code == 0){
        newgoodWap.forEach((item, index) => {
          let list = [];
          item.list = [];
          data.data.forEach((item2, index2) => {
            if(item.id == item2.categoryId){
              list.push(data.data[index2])
            }
          })
          item.list = list
        })
      }
      _this.setData({goodWap:newgoodWap})
    })
    // this.setData({goodWap:newgoodWap})
    // console.log(this.data.goodWap)
    wx.hideNavigationBarLoading();
  },
  // 跳转详情页
  toGoodArticle(e){
    let id = e.currentTarget.dataset.id;
    wx.navigateTo({url: '/pages/good-article/index?id=' + id})
  },
  scroll(e){
    // console.log(e.detail.scrollTop)
    // 获取每个菜类的高度,根据高度修改categorySelect的值
    // let wap = this.data.goodWap;
    // wap.forEach((item, index) => {
    //   let height = '';
    //   height = item.list.length * 90 + 31.8
    //   if(height){}
    // })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
   
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})